* {
    margin: 0;
    padding: 0;
}

html,
body,
#app,
.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.width100 {
    width: 100%;
}

.width90 {
    width: 90%;
}



.width210px {
    max-width: 210px;
}


.width100px {
    max-width: 100px;
}

.width200px {
    max-width: 200px;
}


.bg-black {
    background-color: #000000;
}

.main-bg-color {
    background-color: #0c343d;
}

.font-color {
    color: #409EFF;
}

.vertical-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.mgr-left-10 {
    margin-left: 10px;

}

.mrg-left-30 {
    margin-left: 30px;

}

.mrg-left-50 {
    margin-left: 50px;

}

.mgr-top-10 {
    margin-top: 10px;
}

.mgr-bottom-10 {
    margin-bottom: 10px;
}

.container {
    margin: 10px;
}

.pagination {
    margin-top: 10px;
    text-align: right;
}



.text-color-red {
    color: red;
}


.text-color-palevioletred {
    color: palevioletred;
}

.flex-row {
    display: flex;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}



.flex-space-between {
    justify-content: space-between;
}

.bottom-line {
    border-bottom: 1px solid #888;
}